/* px 转化为rem */
@function rem($px){
	@return $px/108px * 1rem;
	//@return $px/64 rem;
}
*{
	margin:0;
	padding:0;
}
/* 头部 */
.header{
	width:100%;
	height:rem(150px);
	background:#f2f2f2;
	.header2{
		width:rem(1010px);
		height:100%;
		margin:0 auto;
		display:flex;
		align-items:center;
		span{
			color:#4f4f4f;
			font-size:rem(35px);
		}
		i{
			color:#a7a7a7;
			font-size:rem(30px);
			margin-left:rem(20px);
		}
	}
}
/* 购物清单 */
.container{
	width:100%;
	height:auto;
	background:#f2f2f2;
	.con-wrap{
		width:100%;
		height:rem(290px);
		background:#FFF;
		display:flex;
		justify-content: center;
		align-items: center;
		margin-bottom: rem(20px);
		.wrap{
			width:rem(1010px);
			height:rem(220px);
			display:flex;
			align-items:center;
      justify-content: space-between;
			.box-left{
				width:rem(285px);
				height:100%;
				display:flex;
				justify-content: space-between;
				span{
					width:rem(50px);
					height:rem(50px);
					border:rem(1px) solid #696969;
					border-radius:50%;
					margin-top:rem(5px);
				}
				.left-Img{
					width:rem(220px);
					height:rem(220px);
					img{
						width:100%;
						height:100%;
					}
				}
			}
			.box-right{
				width:rem(690px);
				height:100%;
				.right-top{
					display:flex;
					justify-content: space-between;
					.text{
						width:rem(555px);
						height:rem(90px);
						display: -webkit-box; 
						-webkit-line-clamp: 2; 
						-webkit-box-orient: vertical; 
						overflow: hidden;
						color:#505050;
						line-height: rem(45px);
						font-size:rem(40px);
					}
					i{
						color:#505050;
						font-size:rem(35px);
					}
				}
				.right-bottom{
					margin-top:rem(100px);
					display: flex;
					justify-content:space-between;
					.bottom-one{
						color:#fe7039;
						font-size:rem(30px);
					}
					.bottom-two{
						color:#515151;
						font-size:rem(30px);
					}
				}
			}
		}	
	}
}
/* 底部结算 */
footer{
	width:100%;
	height:rem(135px);
	background:#FFF;
	display: flex;
	align-items: center;
  justify-content: space-between;
  position:fixed;
  left:0;
  bottom:rem(133px);
	.F-left{
		display: flex;
		align-items: center;
		.mark{
			display:inline-block;
			width:rem(50px);
			height:rem(50px);
			border:rem(1px) solid #656565;
			border-radius:50%;
		}
		.choice{
			color:#808080;
			font-size:rem(40px);
			margin-left:rem(25px);
		}
	}
	.F-right{
		width:rem(530px);
		height:100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.total{
			color:#3b4343;
			font-size:rem(40px);
			.span{
				color:#3b4343;
				font-size:rem(40px);
			}
			span{
				color:#fe5600;
				font-size:rem(40px);
			}
		}
		.clearing{
			width:rem(315px);
			height:100%;
			color:#FFF;
			background:#fe5600;
			font-size:rem(45px);
			text-align: center;
			line-height: rem(135px);
		}
	}
}
/* 底部导航栏内容 */
.footer{
	width:100%;
	height:rem(133px);
	background:#f3f3f3;
	position:fixed;
	left:0;
	bottom:0;
	z-index:22;
	ul{
		height:100%;
		display:flex;
		align-items:center;
		li{
			width:25%;
			text-align:center;
			span{
				display:block;
				font-size:rem(60px);
				color:#00a313;
			}
			p{
				font-size:rem(30px);
				color:#00a313;
			}
		}
	}
}